<!DOCTYPE html>

<html>
<!-- 
	登录页
-->

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>一体化教学管理平台</title>
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	<link href="./00-1登录页_files/site.login.min.css" rel="stylesheet">
	<!-- <link href="./00-1登录页_files/toastr.min.css" rel="stylesheet"> -->
	<!-- <link href="./00-1登录页_files/cbvm.app.css" rel="stylesheet"> -->

	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>

	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

	<!--layui的样式库-->
	<link rel="stylesheet" href="./layui/css/layui.css">

	<!-- 自己的样式 有顺序要求 -->
	<link rel="stylesheet" href="./mystyle.css">

</head>

<body id="login-sign-in">

	<div class="preloader" style="display: none;">
		<div class="loader_img">
			<img src="./00-1登录页_files/loader.gif" alt="loading..." height="64" width="64" style="display: none;">
		</div>
	</div>
	<div class="login-header">
		<span class="login-header-title">一体化教学管理平台</span>
		<span class="login-header-denglu">登录</span>
	</div>
	<div class="login-mid">
		<div class="container login-bg">
			<div class="login-mid-content">
				<img class="login-banner" src="img/login-banner.png" />

				<div class="login-form">

					<!-- <form id="authentication" method="post" class="login_validator bv-form" novalidate="novalidate"> -->
					<form id="authentication" method="post" novalidate="novalidate">
						<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
							<ul class="layui-tab-title login-form-type">
								<li class="layui-this">开课人</li>
								<li>学员</li>
								<li>管理员</li>
							</ul>
							<div class="layui-tab-content" style="height: 100px;">
								<div class="layui-tab-item layui-show">
									<div class="layui-form-item login-yonghu-input1">
										<label for="username" class="sr-only"> 用户名</label>
										<input type="text" class="form-control  form-control-lg" name="username" value="" placeholder="开课人用户名" data-bv-field="username">
										<small class="help-block" data-bv-validator="notEmpty" data-bv-for="username" data-bv-result="NOT_VALIDATED" style="display: none;">邮箱地址不能为空</small>
									</div>
									<div class="layui-form-item login-yonghu-input2">
										<label for="password" class="sr-only">密码</label>
										<input type="password" class="form-control form-control-lg" id="password" value="" name="password" placeholder="密码" data-bv-field="password">
										<small class="help-block" data-bv-validator="notEmpty" data-bv-for="password" data-bv-result="NOT_VALIDATED" style="display: none;">密码不能为空</small>
									</div>
								</div>
								<div class="layui-tab-item">
									<div class="layui-form-item login-yonghu-input1">
										<label for="username" class="sr-only"> 用户名</label>
										<input type="text" class="form-control  form-control-lg" name="username" value="" placeholder="学员用户名" data-bv-field="username">
										<small class="help-block" data-bv-validator="notEmpty" data-bv-for="username" data-bv-result="NOT_VALIDATED" style="display: none;">邮箱地址不能为空</small>
									</div>
									<div class="layui-form-item login-yonghu-input2">
										<label for="password" class="sr-only">密码</label>
										<input type="password" class="form-control form-control-lg" id="password" value="" name="password" placeholder="密码" data-bv-field="password">
										<small class="help-block" data-bv-validator="notEmpty" data-bv-for="password" data-bv-result="NOT_VALIDATED" style="display: none;">密码不能为空</small>
									</div>
								</div>
								<div class="layui-tab-item">
									<div class="layui-form-item login-yonghu-input1">
										<label for="username" class="sr-only"> 用户名</label>
										<input type="text" class="form-control  form-control-lg" name="username" value="" placeholder="管理员用户名" data-bv-field="username">
										<small class="help-block" data-bv-validator="notEmpty" data-bv-for="username" data-bv-result="NOT_VALIDATED" style="display: none;">邮箱地址不能为空</small>
									</div>
									<div class="layui-form-item login-yonghu-input2">
										<label for="password" class="sr-only">密码</label>
										<input type="password" class="form-control form-control-lg" id="password" value="" name="password" placeholder="密码" data-bv-field="password">
										<small class="help-block" data-bv-validator="notEmpty" data-bv-for="password" data-bv-result="NOT_VALIDATED" style="display: none;">密码不能为空</small>
									</div>
								</div>


								<div class="layui-form-item login-yonghu-button">
									<div class="layui-row">
										<div class="layui-col-xs6">
											<label class="checkbox-inline">
												<input type="checkbox" name="记住密码" title="记住" class="login-checkbox"> 记住密码
											</label>
										</div>
										<div class="layui-col-xs6" style="text-align: right;">
											<label class="checkbox-inline">
												<a href="http://yth.0101data.cn/account/forgetpassword" id="forgot" class="forgot"> 忘记密码 ? </a>
											</label>
										</div>
									</div>
								</div>
								<div class="layui-form-item login-yonghu-button">
									<!-- <input type="submit" value="登 录" class="layui-btn btn-block"> -->

									<button id="login-button" class="layui-btn btn-block" data-loading-text="登录中..." type="button"> 登 录</button>

									<script>
										$(function () {
											$("#login-button").click(function () {
												alert("账号密码不为空");
												$(this).button('loading').delay(1000).queue(function () {
													// $(this).button('reset');
													// $(this).dequeue();
												});
											});
										});
									</script>
									
								</div>
								<!-- <a href="http://yth.0101data.cn/account/forgetpassword" id="forgot" class="forgot"> 忘记密码 ? </a> -->
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>

	<div class="login-footer">
		<span>厦门理工学院 &copy; 2018</span>
	</div>

	<!--layui.js引用-->
	<script type="text/javascript" src="../layui/layui.all.js"></script>

	<script type="text/javascript">
		layui.use('element', function () {
			var $ = layui.jquery,
				element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
		});
	</script>

</body>

</html>